<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
<title>ReadingList</title>
<link rel="stylesheet" th:href="@{/style.css}"></link>
</head>
<body>
	<h2>书籍列表</h2>
	<div th:unless="${#lists.isEmpty(books)}">
		<dl th:each="book: ${books}">
			<dt class="bookHeadline">
				<span th:text="${book.title}">Title</span> by
				<span th:text="${book.author}">Author</span>
				(ISBN: <span th:text="${book.isbn}">ISBN</span>)
			</dt>
			<dd class="book_description">
				<span th:if="${book.description}"
					  th:text="${book.description}">Description</span>
				<span th:if="${book.description eq null}">
						No description available</span>
			</dd>
		</dl>
	</div>
	<div th:if="${#lists.isEmpty(books)}">
		<p>书籍列表中暂时没有书籍！</p>
	</div>
	<h3>添加书籍</h3>
	<form method="post">
		<label for="title">Title: </label>
		<input type="text" name="title" size="50"></input><br/>
		<label for="author">Author: </label>
		<input type="text" name="author" size="50"></input><br/>
		<label for="isbn">ISBN: </label>
		<input type="text" name="isbn" size="50"></input><br/>
		<label for="description">Description: </label>
		<textarea rows="5" cols="80">
		</textarea><br/>
		<input type="submit" value="提交"></input>
	</form>
</body>
</html>